<template>
  <div class="adminbid">
    <div class="list priceDetails">
      <div style="font-size: 20px">基本信息</div>
      <el-row :gutter="20">
        <el-col :span="8">
          <span>招标名称</span><span>总部办公用品采购项目</span>
        </el-col>
        <el-col :span="8"><span>招标类型</span><span>办公用品</span></el-col>
        <el-col :span="8"><span>招标方式</span><span>公开招标</span></el-col>
        <el-col :span="8"><span>招标状态</span><span>进行中</span></el-col>
        <el-col :span="8"><span>发布时间</span><span>2023-07-20</span></el-col>
        <el-col :span="8"><span>截止日期</span><span>2023-08-30</span></el-col>
      </el-row>

      <div style="font-size: 20px; margin-top: 30px">采购详情</div>
      <el-row :gutter="20">
        <el-col :span="8">
          <span>采购名称</span><span>黑色圆珠笔</span>
        </el-col>
        <el-col :span="8"><span>采购规格</span><span>晨光</span></el-col>
        <el-col :span="8"><span>采购数量</span><span>20</span></el-col>
        <el-col :span="8"><span>采购名称</span><span>笔记本</span></el-col>
        <el-col :span="8"><span>采购规格</span><span>晨光</span></el-col>
        <el-col :span="8"><span>采购数量</span><span>20</span></el-col>
      </el-row>
    </div>

    <!-- 议价名单 -->
    <div class="list priceDetails">
      <div style="font-size: 20px; margin-bottom: 20px">议价名单</div>
      <div v-for="item in 3" :key="item">
        <div class="projectName">
          <!-- <div style="margin: 15px 30px"> -->
          <div class="projectNameTop">
            <div>
              <div class="itemName">招标项目名称</div>
              <div class="personnel">
                <div><span>负责人：</span><span>魏阉</span></div>
                <div><span>联系方式：</span><span>16573986098</span></div>
                <div><span>一次报价：</span><span>￥49999</span></div>
                <div>
                  <span>二次报价：</span><span style="color: red">￥29999</span>
                </div>
              </div>
            </div>
            <div style="margin-top: 10px">
              <el-button type="primary">确认中标</el-button>
            </div>
          </div>
          <div style="margin: 0 30px">
            <div class="Price Priceone">
              <div><span>一次报价：</span><span>￥49999</span></div>
              <div><span>二次报价：</span><span>￥49999</span></div>
            </div>
            <div class="Price">
              <div><span>黑色圆珠笔*20</span><span>￥49999</span></div>
              <div><span>黑色圆珠笔*20</span><span>￥49999</span></div>
            </div>
            <div class="Price">
              <div><span>笔记本*20</span><span>￥49999</span></div>
              <div><span>笔记本*20</span><span>￥49999</span></div>
            </div>
          </div>
          <!-- </div>  -->
        </div>
      </div>
      <!-- 分页 -->
      <div class="pages">
        <el-pagination :total="1000" background layout="prev, pager, next" />
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
@import "../../assets/scss/index.scss";
</style>;

